<template>
	<m-layout barBg="unset" gap="0" color="#ffffff" :scrollTop="scrollTop" :title="title" scrollColor="#786BFF">
		<image class="rules" src="../../../static/images/pages/home/parterRules.jpg" mode=""></image>
	</m-layout>
</template>

<script>
	export default {
		name: '',
		data() {
			return {
				scrollTop: 0,
				title:'',
			}
		},
		onPageScroll({ scrollTop }) {
			this.scrollTop = scrollTop;
			console.log('scrollTop',scrollTop)
			if(scrollTop>100){
				this.title='合伙人权益'
			}else{
				this.title=''
			}
		},
	}
</script>

<style lang="scss">
	page {
		height: 100%;
		background-color: #636bfe;

		/* height: 2245rpx; */
		/* background: url('../../../static/images/pages/home/parterRules.jpg') no-repeat; */
		/* background-size: 100% 2245rpx; */
		.rules {
			width: 100%;
			height: 2245rpx;
			position: relative;
			display: block;
			// top:-60rpx
		}
	}
</style>